<template>
  <h1 style="align-items: center">这是一个文本编辑器</h1>
<!--  <MdEditor v-model="text" style="text-align: left"/>-->
  <div style="background-color: yellow;">

  </div>
  <MdPreview v-model="content"/>
<!--  <MdCatalog/>-->


</template>

<script setup>
import { ref } from 'vue'
import {MdEditor} from "md-editor-v3"
import { MdPreview, MdCatalog } from 'md-editor-v3';
import 'md-editor-v3/lib/style.css'

const text = ref('')
const content = ref('# 阿达\n' +
    '## 啊撒大声地\n' +
    '## 啊撒大声地\n' +
    '## 啊撒大声地\n' +
    '## 啊撒大声地\n' +
    '## 啊撒大声地\n' +
    '## 啊撒大声地')
const id = 'preview-only'


</script>

<style scoped>

</style>